<!DOCTYPE html>
<html>
<head>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <title>集团信息详情</title>
  <link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="../../../template/website/css/app.css"/>

  <style type="text/css">
  .border-radius {
    border-radius: 5px;
 }
 .item-background{
    background: #f3f2f1;
 }
</style>
</head>
<body>
  <!--选项卡（tabs）begin-->
  <div data-am-widget="tabs" class="am-tabs am-tabs-default am-text-sm" id="mytabs" style="margin:0">
    <ul class="am-tabs-nav am-cf">
      <li class="am-active" id="base-info">
        <a href="#baseinfo">基本信息</a>
      </li>
      <li class="">
        <a href="#products">产品列表</a>
      </li>
      <li class="">
        <a href="#vip">重要成员</a>
      </li>
      <li class="">
        <a href="#bill">账单</a>
      </li>
    </ul>
    <div class="am-tabs-bd" style="overflow:hidden;">
      <div class="am-u-sm-12 am-hide" id="loadingbar"> <i class="am-icon-spinner am-icon-spin" aria-hidden="true"></i>
        加载中……
      </div>
      <div class="am-tab-panel am-active" id="baseinfo">

        <!--   我是基础信息  start-->
        <ul class="am-list am-list-border" id="ul_baseinfo">
          <table class="am-table am-text-sm">
            <tbody>
              <tr>
                <td>客户经理姓名</td>
                <td class="am-text-secondary" id="mgrName"></td>
              </tr>
              <tr>
                <td>集团名称</td>
                <td class="am-text-secondary" id="grpName"></td>
              </tr>
              <tr>
                <td>成员数</td>
                <td class="am-text-secondary" id="memberCount"></td>
              </tr>
              <tr>
                <td>整体收入</td>
                <td class="am-text-secondary" id="income"></td>
              </tr>
              <tr>
                <td>集团类型</td>
                <td class="am-text-secondary" id="entType"></td>
              </tr>
              <tr>
                <td>V网规模</td>
                <td class="am-text-secondary" id="entVNetScale"></td>
              </tr>
              <tr>
                <td>人均消费(元)</td>
                <td class="am-text-secondary" id="consume"></td>
              </tr>
              <tr>
                <td>离网率</td>
                <td class="am-text-secondary" id="netOutRate"></td>
              </tr>
              <tr>
                <td>双机用户情况</td>
                <td class="am-text-secondary" id="doubleTerminalState"></td>
              </tr>
              <tr>
                <td>中高端用户总数</td>
                <td class="am-text-secondary" id="userScope"></td>
              </tr>
            </tbody>
          </table>

        </ul>
        <div id="error_msg_baseinfo" class="am-margin-xs am-hide"></div>
        <!--   我是基础信息  end--> 
        </div>
      <div class="am-tab-panel" id="products">
        <!--   我是产品列表  start-->
        <ul class="am-list am-list-border" id="ul_products">
          <table class="am-table am-text-sm">
            <tbody>
              <tr>
                <td>产品类型</td>
                <td class="am-text-secondary" id="product_type"></td>
              </tr>
              <tr>
                <td>产品名称</td>
                <td class="am-text-secondary" id="product_name"></td>
              </tr>
              <tr>
                <td>集团产品ID</td>
                <td class="am-text-secondary" id="group_product_id"></td>
              </tr>
              <tr>
                <td>付费手机号</td>
                <td class="am-text-secondary" id="product_mobile"></td>
              </tr>
              <tr>
                <td>集团虚拟号码</td>
                <td class="am-text-secondary" id="group_virtual_number"></td>
              </tr>
              <tr>
                <td>集团产品状态</td>
                <td class="am-text-secondary" id="group_product_status"></td>
              </tr>
              <tr>
                <td>开户时间</td>
                <td class="am-text-secondary" id="open_date"></td>
              </tr>
              <tr>
                <td>状态更新时间</td>
                <td class="am-text-secondary" id="update_date"></td>
              </tr>
              <tr>
                <td>短信端口号</td>
                <td class="am-text-secondary" id="sms_port"></td>
              </tr>
            </tbody>
          </table>
        </ul>
        <div id="error_msg_products" class="am-margin-xs am-hide"></div>
        <!--   我是产品列表 end--> 
        </div>
      <div class="am-tab-panel" id="vip">
        <!--          我是重要成员  start-->

        <ul class="am-list am-list-border" id="ul_vip">
          <table class="am-table am-text-sm">
            <tbody>
              <script type="text/x-handlebars-template" id="amz-tpl">
          {{#if list}}
            {{#list}}
            <tr>                
                <td class="am-text-secondary" onClick="changeVipTab({{PHONE_NO}});">
                    <h3 class="am-list-item-hd am-text-truncate">{{NAME}}</h3>
                    <h4 class="am-list-item-text">{{DUTY}}</h4>
                </td>
                <td>
                  <a href="tel:{{PHONE_NO}}"><i class="fa fa-phone am-icon-xs" aria-hidden="true"></i></a>
                </td>
                <td>                
                 <a href="sms:{{PHONE_NO}}"><i class="fa fa-envelope am-icon-xs " aria-hidden="true"></i></a>
                </td>
                <td> <i class="fa fa-chevron-right am-icon-xs " aria-hidden="true"  onClick="changeVipTab({{PHONE_NO}});"></i>
                </td>               
              </tr>                 
            {{/list}}
          {{else}}
            <div id="no-content-msg" class="am-text-center">{{error}}</div>
          {{/if}}
        </script>
            </tbody>
          </table>
        </ul>

        <ul class="am-list am-list-border am-hide" id="ul_vipdetails">
          <table class="am-table am-text-sm">
            <tbody>
              <tr>
                <td>名字</td>
                <td class="am-text-secondary" id="vip_name"></td>
              </tr>
              <tr>
                <td>客户经理工号</td>
                <td class="am-text-secondary" id="vip_mgr_empcode"></td>
              </tr>
              <tr>
                <td>客户经理名称</td>
                <td class="am-text-secondary" id="vip_mgrname"></td>
              </tr>
              <tr>
                <td>成员类型</td>
                <td class="am-text-secondary" id="vip_member_type"></td>
              </tr>
              <tr>
                <td>部门</td>
                <td class="am-text-secondary" id="vip_depart"></td>
              </tr>
              <tr>
                <td>性别</td>
                <td class="am-text-secondary" id="vip_sex"></td>
              </tr>
              <tr>
                <td>地址</td>
                <td class="am-text-secondary" id="vip_addr"></td>
              </tr>
              <tr>
                <td>职位</td>
                <td class="am-text-secondary" id="vip_pos"></td>
              </tr>

              <tr>
                <td>大客户经理</td>
                <td class="am-text-secondary" id="vip_b_mgr"></td>
              </tr>
              <tr>
                <td>集团客户经理</td>
                <td class="am-text-secondary" id="vip_ent_mgr"></td>
              </tr>
              <tr>
                <td>所属地区</td>
                <td class="am-text-secondary" id="vip_city"></td>
              </tr>
              <tr>
                <td>生日</td>
                <td class="am-text-secondary" id="vip_birthday"></td>
              </tr>

              <tr>
                <td>爱好</td>
                <td class="am-text-secondary" id="vip_hobby"></td>
              </tr>
              <tr>
                <td>职务</td>
                <td class="am-text-secondary" id="vip_duty"></td>
              </tr>
              <tr>
                <td>手机号码</td>
                <td class="am-text-secondary" id="vip_mobile"></td>
              </tr>

              <tr>
                <td>是否金银卡</td>
                <td class="am-text-secondary" id="vip_isvip"></td>
              </tr>
              <tr>
                <td>卡号</td>
                <td class="am-text-secondary" id="vip_card_no"></td>
              </tr>
              <tr>
                <td>是否纳入VIP管理</td>
                <td class="am-text-secondary" id="vip_is_vip_mgr"></td>
              </tr>

              <tr>
                <td>是否开通国长</td>
                <td class="am-text-secondary" id="vip_is_guochang"></td>
              </tr>
              <tr>
                <td>是否开通国漫</td>
                <td class="am-text-secondary" id="vip_is_guoman"></td>
              </tr>
              <tr>
                <td>是否开通红名单</td>
                <td class="am-text-secondary" id="vip_is_redlist"></td>
              </tr>

              <tr>
                <td>是否捆绑终端</td>
                <td class="am-text-secondary" id="vip_is_bind"></td>
              </tr>
              <tr>
                <td>终端到期时间</td>
                <td class="am-text-secondary" id="vip_valid_time"></td>
              </tr>
              <tr>
                <td>欠费金额</td>
                <td class="am-text-secondary" id="vip_owe_money">0</td>
              </tr>
            </tbody>
          </table>
           <div class="am-u-sm-12 ">
            <div class="am-u-sm-12">
              <button type="button" class="am-btn am-btn-primary am-btn-block" onclick="initVipTab();">返  回</button>
            </div>
          </div>
        </ul>
         <div id="error_msg_vips" class="am-margin-xs am-hide"></div>
        <!--          我是重要成员  end--> 
       </div>
      <div class="am-tab-panel" id="bill">
        <div class="am-g am-padding-top">
          <div class="am-form-group am-form-icon">
            <i class="am-icon-search"></i>
            <input type="text" class="am-form-field am-input-xl" placeholder="点击查询" id="search" readonly></div>
          <table class="am-table am-text-sm">
            <tbody>
              <tr>
                <td class="am-text-nowrap">集团名称</td>
                <td class="am-text-secondary" id="bill_grp_name">{{value}}</td>
              </tr>
              <tr>
                <td class="am-text-nowrap">账期</td>
                <td class="am-text-secondary" id="bill_month">201607</td>
              </tr>
              <tr>
                <td class="am-text-nowrap">欠费</td>
                <td class="am-text-secondary" id="qianfei">7488.00</td>
              </tr>
              <tr>
                <td class="am-text-nowrap">滞纳金</td>
                <td class="am-text-secondary">0.00</td>
              </tr>

              <tr>
                <td class="am-text-nowrap">实收</td>
                <td class="am-text-secondary" id="shishou">7488.00</td>
              </tr>
              <tr>
                <td class="am-text-nowrap">应缴费</td>
                <td class="am-text-secondary" id="yingjiao">7488.00</td>
              </tr>
              <tr>
                <td class="am-text-nowrap">优惠费</td>
                <td class="am-text-secondary">0.00</td>
              </tr>
              <tr>
                <td class="am-text-nowrap">预存划拨</td>
                <td class="am-text-secondary">0.00</td>
              </tr>
              <tr>
                <td class="am-text-nowrap">缴费冲销</td>
                <td class="am-text-secondary">0.00</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    <!--   <div id="error_msg" class="am-margin-xs am-hide"></div> -->
    </div>
  </div>
  <!--选项卡（tabs）end-->
  <div class="am-modal am-modal am-modal-confirm" tabindex="-1" id="search-modal">
    <div class="am-modal-dialog">
      <div class="am-modal-hd">
        <div class="am-g">
          <div class="am-u-sm-4 am-text-xs">账户</div>
          <div class="am-u-sm-8">
            <select data-am-selected="{btnWidth: '100%', btnSize: 'sm'}" id="searchType" placeholder="请选择运营商">
              <option value="主账户">主账户</option>
            </select>
          </div>
        </div>
      </div>
      <div class="am-modal-hd">
        <div class="am-g">
          <div class="am-u-sm-4 am-text-xs">账期</div>
          <div class="am-u-sm-8">
            <select data-am-selected="{btnWidth: '100%', btnSize: 'sm'}" id="searchMonth" placeholder="">
              <option value="201607">201607</option>
              <option value="201606">201606</option>
              <option value="201605">201605</option>
              <option value="201604">201604</option>
              <option value="201603">201603</option>
              <option value="201602">201602</option>
              <option value="201601">201601</option>
            </select>
          </div>
        </div>
      </div>
      <div class="am-modal-footer">
        <span class="am-modal-btn" data-am-modal-cancel>取消</span>
        <span class="am-modal-btn" data-am-modal-confirm id="search_btn">查询</span>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../../template/website/js/app.js"></script>
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop_demo/group.details.js"></script>
  <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">
  <script type="text/javascript">


    //返回页面分享的参数,当当前页面有canAppShare=1参数时需要添加此函数resShareParm(函数名不能改，客户端已经只调用这个函数)
    function resShareParm() {
        var regText1 = "saleType=1";
        var regText2 = "saleType=3";
        var regS1 = new RegExp(regText1, "gi");
        var regS2 = new RegExp(regText2, "gi");
        var urlpath = window.location.href.replace(regS1, "saleType=2").replace(regS2, "saleType=4");//修改平台类型(原生分享出去统一改为分享平台)1（直销通代客下单）改为 2（直销通分享页面购买） 3（微店原生购买）改为 4（微店分享购买）
        var imgpath = 'http://'+window.location.host+'/upload/file/default_head_img.png';
        var title = "用移动手机宽带免费送";
        var description = "超人气预约套餐等你来约";
        var data = "url=" + urlpath + "&&img=" + imgpath + "&&title=" + title + "&&description=" + description + "";
        return data;
    }
  </script>
</body>
</html>